﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:CYPlayerScreens" xmlns:pc="http://schemas.microsoft.com/prototyping/2010/controls" xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:pi="http://schemas.microsoft.com/prototyping/2010/interactivity" x:Name="Screen_1_1_Name"
	mc:Ignorable="d"
	x:Class="CYPlayerScreens.Screen_1_1"
	Width="578" Height="394.4">
	<UserControl.Resources>
		<ResourceDictionary>
			<ResourceDictionary.MergedDictionaries>
				<ResourceDictionary Source="ProjectDataSources.xaml"/>
			</ResourceDictionary.MergedDictionaries>
			<HierarchicalDataTemplate x:Key="ItemTemplate" ItemsSource="{Binding Collection}">
				<StackPanel>
					<TextBlock Style="{DynamicResource BasicTextBlock-Sketch}" Width="68.8" Height="21.913"><Run/><LineBreak/><Run Text=""/></TextBlock>
				</StackPanel>
			</HierarchicalDataTemplate>
			<HierarchicalDataTemplate x:Key="ItemTemplate1" ItemsSource="{Binding Collection}">
				<StackPanel Width="94.4">
					<TextBlock Style="{DynamicResource BasicTextBlock-Sketch}" Height="25.357"><Run Text="New"/><LineBreak/><Run/></TextBlock>
				</StackPanel>
			</HierarchicalDataTemplate>
			<!-- Simple ListBox - This uses SimpleScrollViewer to allow items to be scrolled and SimpleListBoxItem to define the look of each item -->
			<Style x:Key="3ColLB" TargetType="{x:Type ListBox}">
				<Setter Property="SnapsToDevicePixels" Value="true"/>
				<Setter Property="Background" Value="{DynamicResource WindowBackgroundBrush}"/>
				<Setter Property="BorderBrush" Value="{DynamicResource SolidBorderBrush}"/>
				<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
				<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
				<Setter Property="ScrollViewer.CanContentScroll" Value="True"/>
				<Setter Property="Template">
					<Setter.Value>
						<ControlTemplate TargetType="{x:Type ListBox}">
							<Grid>
								<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
								<ScrollViewer Margin="1" Style="{DynamicResource SimpleScrollViewer}" Focusable="false" Background="{TemplateBinding Background}">
							
							<!-- The StackPanel is used to display the children by setting IsItemsHost to be Trus -->
									<StackPanel Margin="2" IsItemsHost="true"/>
							
								</ScrollViewer>
							</Grid>
							<ControlTemplate.Triggers>
								<Trigger Property="IsEnabled" Value="false">
									<Setter Property="Background" Value="{DynamicResource DisabledBackgroundBrush}" TargetName="Border"/>
									<Setter Property="BorderBrush" Value="{DynamicResource DisabledBorderBrush}" TargetName="Border"/>
								</Trigger>
								<Trigger Property="IsGrouping" Value="true">
									<Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
								</Trigger>
							</ControlTemplate.Triggers>
						</ControlTemplate>
					</Setter.Value>
				</Setter>
			</Style>
			<DataTemplate x:Key="ItemTemplate2">
				<StackPanel Height="122.157" Width="241.59">
					<Image Source="{Binding Image}" HorizontalAlignment="Center" Height="100.8" Width="99.2"/>
					<TextBlock Text="{Binding Name}" Style="{DynamicResource BasicTextBlock-Sketch}" HorizontalAlignment="Center"/>
				</StackPanel>
			</DataTemplate>
			<SolidColorBrush x:Key="ListBorder" Color="#828790"/>
			<Style x:Key="ListBoxMyStyle" TargetType="{x:Type ListBox}">
				<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
				<Setter Property="BorderBrush" Value="{StaticResource ListBorder}"/>
				<Setter Property="BorderThickness" Value="1"/>
				<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
				<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
				<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
				<Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
				<Setter Property="ScrollViewer.PanningMode" Value="Both"/>
				<Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
				<Setter Property="VerticalContentAlignment" Value="Center"/>
				<Setter Property="Template">
					<Setter.Value>
						<ControlTemplate TargetType="{x:Type ListBox}">
							<Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="1" SnapsToDevicePixels="true">
								<ScrollViewer Focusable="false" Padding="{TemplateBinding Padding}">
									<ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
								</ScrollViewer>
							</Border>
							<ControlTemplate.Triggers>
								<Trigger Property="IsEnabled" Value="false">
									<Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
								</Trigger>
								<Trigger Property="IsGrouping" Value="true">
									<Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
								</Trigger>
							</ControlTemplate.Triggers>
						</ControlTemplate>
					</Setter.Value>
				</Setter>
			</Style>
			<ItemsPanelTemplate x:Key="ItemsPanelTemplateMy">
				<VirtualizingStackPanel IsItemsHost="True"/>
			</ItemsPanelTemplate>
			<DataTemplate x:Key="ItemTemplate3">
				<StackPanel Height="118.957" Width="237.59">
					<Image Source="{Binding Image}" HorizontalAlignment="Stretch" Height="99.2" Width="Auto" Margin="70.395,0"/>
					<TextBlock Text="{Binding Name}" Style="{DynamicResource BasicTextBlock-Sketch}" Height="19.757" HorizontalAlignment="Stretch" Margin="73.2,0" d:LayoutOverrides="Width"/>
				</StackPanel>
			</DataTemplate>
			<DataTemplate x:Key="ItemTemplate4">
				<StackPanel>
					<TextBlock Text="{Binding Name}" Style="{DynamicResource BasicTextBlock-Sketch}"/>
				</StackPanel>
			</DataTemplate>
			<!-- Sketch Button -->
			<Style x:Key="RoundButtonStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}">
				<Setter Property="FontFamily" Value="{DynamicResource FontFamily-Sketch}"/>
				<Setter Property="FontSize" Value="{DynamicResource SizeDouble-Sketch}"/>
				<Setter Property="Foreground" Value="{DynamicResource BaseForeground-Sketch}"/>
				<Setter Property="BorderBrush" Value="{DynamicResource BaseBorder-Sketch}"/>
				<Setter Property="Background" Value="{DynamicResource BaseBackground-Sketch}"/>
				<Setter Property="Template">
					<Setter.Value>
						<ControlTemplate TargetType="{x:Type Button}">
					<!-- We use Grid as a root because it is easy to add more elements to customize the button -->
							<Grid x:Name="Grid" Margin="0.333,0.367,0.034,-0.033">
						<!-- Content Presenter is where the text content etc is placed by the control -->
								<pc:SketchRectangleUC x:Name="SketchRectangleUC" BorderBrush="{TemplateBinding BorderBrush}" ExtensionLength="0" ExtensionVariance="0" StrokeWidth="2" SegmentLength="8" Background="{TemplateBinding Background}" SegmentVariance="0.1" SegmentOffset="0.12" FocusVisualStyle="{DynamicResource FocusControl-Sketch}" Radius="30.1" Margin="-1,-0.875,1.1,1.275" Foreground="{x:Null}"/>
								<ContentPresenter/>
							</Grid>
							<ControlTemplate.Triggers>
								<Trigger Property="IsMouseOver" Value="true">
									<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource MouseOverBackground-Sketch}"/>
								</Trigger>
								<Trigger Property="IsPressed" Value="True">
									<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource PressedBackground-Sketch}"/>
								</Trigger>
							</ControlTemplate.Triggers>
						</ControlTemplate>
					</Setter.Value>
				</Setter>
				<Setter Property="FontWeight" Value="{DynamicResource FontWeight-Sketch}"/>
				<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusControl-Sketch}"/>
				<Style.Triggers>
					<Trigger Property="IsEnabled" Value="False">
						<Setter Property="Foreground" Value="{DynamicResource DisabledForeground-Sketch}"/>
						<Setter Property="BorderBrush" Value="{DynamicResource DisabledBorder-Sketch}"/>
					</Trigger>
				</Style.Triggers>
			</Style>
			<Style x:Key="ChModeBtnStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}">
				<Setter Property="FontFamily" Value="{DynamicResource FontFamily-Sketch}"/>
				<Setter Property="FontSize" Value="{DynamicResource SizeDouble-Sketch}"/>
				<Setter Property="Foreground" Value="{DynamicResource BaseForeground-Sketch}"/>
				<Setter Property="BorderBrush" Value="{DynamicResource BaseBorder-Sketch}"/>
				<Setter Property="Background" Value="{DynamicResource BaseBackground-Sketch}"/>
				<Setter Property="Template">
					<Setter.Value>
						<ControlTemplate TargetType="{x:Type Button}">
					<!-- We use Grid as a root because it is easy to add more elements to customize the button -->
							<Grid x:Name="Grid" Margin="0,0,0.367,-1.1">
						<!-- Content Presenter is where the text content etc is placed by the control -->
								<pc:SketchRectangleUC x:Name="SketchRectangleUC" BorderBrush="{TemplateBinding BorderBrush}" ExtensionLength="0" ExtensionVariance="0" StrokeWidth="2" SegmentLength="8" Background="{TemplateBinding Background}" SegmentVariance="0.1" SegmentOffset="0.12" FocusVisualStyle="{DynamicResource FocusControl-Sketch}" Radius="2.7999999999999261" Width="Auto" Margin="-0.837,-1,0.937,2.1"/>
								<ContentPresenter/>
							</Grid>
							<ControlTemplate.Triggers>
								<Trigger Property="IsMouseOver" Value="true">
									<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource MouseOverBackground-Sketch}"/>
								</Trigger>
								<Trigger Property="IsPressed" Value="True">
									<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource PressedBackground-Sketch}"/>
								</Trigger>
							</ControlTemplate.Triggers>
						</ControlTemplate>
					</Setter.Value>
				</Setter>
				<Setter Property="FontWeight" Value="{DynamicResource FontWeight-Sketch}"/>
				<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusControl-Sketch}"/>
				<Style.Triggers>
					<Trigger Property="IsEnabled" Value="False">
						<Setter Property="Foreground" Value="{DynamicResource DisabledForeground-Sketch}"/>
						<Setter Property="BorderBrush" Value="{DynamicResource DisabledBorder-Sketch}"/>
					</Trigger>
				</Style.Triggers>
			</Style>
		</ResourceDictionary>
	</UserControl.Resources>

	<Grid x:Name="LayoutRoot" DataContext="{Binding Source={StaticResource CurrentPL}}">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="ShowNamePL">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.3"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="_default"/>
				<VisualState x:Name="OnMouse">
					<Storyboard>
						<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="textBox">
							<EasingColorKeyFrame KeyTime="0" Value="#FF606060"/>
						</ColorAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
			<VisualStateGroup x:Name="OnPlay">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.3"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="defaultPlay"/>
				<VisualState x:Name="pressPlay">
					<Storyboard>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path1">
							<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path">
							<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
						</DoubleAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<pc:SketchRectangleUC Style="{DynamicResource Rectangle-Sketch}" Radius="4" d:IsLocked="True"/>
		<TextBlock Height="29.967" Margin="134.935,9,128.802,0" Style="{DynamicResource BasicTextBlock-Sketch}" VerticalAlignment="Top" FontSize="21.333" HorizontalAlignment="Center"><Run Text="MediaLibrary"/><LineBreak/><Run/></TextBlock>
		<Path Data="M0,37.967 L363.6,37.967" Fill="White" Height="1" Margin="0,37.967,-1,0" Stretch="Fill" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top"/>
		<TreeView HorizontalAlignment="Left" Margin="8,74.967,0,0" Style="{DynamicResource SimpleTreeView}" Width="137.6" Height="259.433" VerticalAlignment="Top">
			<TreeViewItem Header="Music" Style="{DynamicResource SimpleTreeViewItem}" IsExpanded="True">
				<TreeViewItem Header="Albums" Style="{DynamicResource SimpleTreeViewItem}"/>
				<TreeViewItem Header="Artists" Style="{DynamicResource SimpleTreeViewItem}"/>
				<TreeViewItem Header="Genres" Style="{DynamicResource SimpleTreeViewItem}"/>
			</TreeViewItem>
			<TreeViewItem Header="Playlists" Style="{DynamicResource SimpleTreeViewItem}" IsExpanded="True">
				<TreeViewItem Header="Sample PL 1" Style="{DynamicResource SimpleTreeViewItem}"/>
			</TreeViewItem>
		</TreeView>
		<TextBox HorizontalAlignment="Left" Margin="8,42.967,0,0" Style="{DynamicResource TextBox-Sketch}" TextWrapping="Wrap" VerticalAlignment="Top" Width="185.527"/>
		<ListBox Margin="149.6,74.967,0,0" Style="{DynamicResource ListBox-Sketch}" ItemTemplate="{DynamicResource ItemTemplate3}" ItemsSource="{Binding Collection}" HorizontalAlignment="Left" Width="269.2" Height="259.433" VerticalAlignment="Top"/>
		<Button Content="Search" Margin="197.527,42.967,0,0" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Top" HorizontalAlignment="Left" Width="75"/>
		<Button Content="Scan" Margin="276.527,42.967,0,0" Style="{DynamicResource Button-Sketch}" VerticalAlignment="Top" HorizontalAlignment="Left" Width="75"/>
		<Grid HorizontalAlignment="Right" Margin="0,51.567,8,8" Width="147.2">
			<TextBox x:Name="textBox" Margin="0,25.663,0,0" Style="{DynamicResource TextBox-Sketch}" TextWrapping="Wrap" VerticalAlignment="Top" BorderBrush="#00606060" MouseEnter="textBox_MouseEnter" MouseLeave="textBox_MouseLeave" Text="   Unsaved playlist" Height="23.063" FontSize="17.333"/>
			<TextBlock Margin="40.301,1.506,31.116,0" Style="{DynamicResource BasicTextBlock-Sketch}" VerticalAlignment="Top" Height="21.757" Text="PlayBack" FontSize="18.667" HorizontalAlignment="Center"/>
			<ListBox Margin="0,52.726,0,0" Style="{DynamicResource ListBox-Sketch}" ItemTemplate="{DynamicResource ItemTemplate4}" ItemsSource="{Binding Collection}" Height="230.107" VerticalAlignment="Top"/>
			<Button Content="S" Margin="122.4,0,0,0" Style="{DynamicResource Button-Sketch}" FontSize="12" FontWeight="SemiBold" FontFamily="/CYPlayer.Screens;component/Fonts/#SketchFlow Print" HorizontalAlignment="Left" Width="24.8" Height="16.133" VerticalAlignment="Top"/>
			<Button Content="C" Style="{DynamicResource Button-Sketch}" FontSize="12" FontWeight="SemiBold" FontFamily="/CYPlayer.Screens;component/Fonts/#SketchFlow Print" HorizontalAlignment="Left" Width="24.8" Height="16.133" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment"/>
		</Grid>
		<Path Data="M76.424177,39.207921 L30.024508,39.474582 L11.357667,39.341333 C11.357667,39.341333 -0.17186861,34.564089 1.1616421,24.964089 C1.1616421,24.964089 2.6243333,13.941333 10.624333,11.541333 L34.291363,11.207921 L57.157667,11.008 C57.157667,11.008 73.975029,-10.291824 92.908362,10.508176 L118.0542,10.595676 L140.22433,10.808 C140.22433,10.808 149.491,13.474667 151.091,25.208 C151.091,25.208 151.891,34.008 141.75767,38.541333 L127.09136,39.074667 L96.158029,38.941333 z" Fill="#FFEDFFFC" Height="40.208" Margin="222.109,0,203.368,8" Stroke="Black" StrokeThickness="1" VerticalAlignment="Bottom" Stretch="Fill"/>
		<Button x:Name="btnStop" Style="{DynamicResource RoundButtonStyle}" Width="22.068" Click="btnStop_Click" HorizontalAlignment="Left" Margin="229.76,360.6,0,0" VerticalAlignment="Top" Height="20.809" ToolTip="Stop">
			<Rectangle Stroke="Black" Margin="8.532,7.507,8.368,8.3" Fill="Black"/>
		</Button>
		<StackPanel Height="40.6" Margin="255.828,349.667,238.322,0" Orientation="Horizontal" VerticalAlignment="Top" d:LayoutOverrides="Width">
			<Button x:Name="btnPrevious" Style="{DynamicResource RoundButtonStyle}" Height="25.213" Width="25.267" Margin="0,8.887,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" ToolTip="Previous">
				<ed:BlockArrow Margin="4.632,5.041,6.601,5.566" Orientation="Left" Stroke="Black">
					<ed:GeometryEffect.GeometryEffect>
						<ed:SketchGeometryEffect/>
					</ed:GeometryEffect.GeometryEffect>
				</ed:BlockArrow>
			</Button>
			<Button x:Name="btnPlay" Style="{DynamicResource RoundButtonStyle}" Background="White" Foreground="{x:Null}" Click="btnPlay_Click" Margin="0,0.033,0,6.734" HorizontalAlignment="Right" Width="33.316" ToolTip="Play/Pause">
				<Grid Margin="9.432,6.633,5.93,5.833">
					<Path x:Name="path" Data="M0.50000001,0.5 L0.50000001,8.5000076 M3.1670035,0.50000278 L3.1670035,8.4999977" Stretch="Fill" Stroke="Black" StrokeThickness="3" RenderTransformOrigin="0.5,0.5" Margin="2.552,0,6.1,0" Opacity="0" Fill="White">
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
					<Path x:Name="path1" Data="M28.85,182.65 C28.85,182.65 29.550714,187.94814 33.750395,185.14904 L44.549731,177.9506 C44.549731,177.9506 50.349269,174.95151 44.349443,172.15187 L32.350545,166.35281 C32.350545,166.35281 28.550559,164.75228 28.750548,168.95175 z" Stretch="Fill" Stroke="Black"/>
				</Grid>
			</Button>
			<Button x:Name="btnNext" Style="{DynamicResource RoundButtonStyle}" Width="25.267" Margin="0,0,0,6.967" HorizontalAlignment="Center" VerticalAlignment="Bottom" Height="25.213" ToolTip="Next">
				<ed:BlockArrow Margin="6.132,5.041,5.101,5.566" Orientation="Right" Stroke="Black">
					<ed:GeometryEffect.GeometryEffect>
						<ed:SketchGeometryEffect/>
					</ed:GeometryEffect.GeometryEffect>
				</ed:BlockArrow>
			</Button>
		</StackPanel>
		<Button x:Name="butChMode" Style="{DynamicResource ChModeBtnStyle}" Width="21.775" HorizontalAlignment="Left" Margin="8,0,0,8" VerticalAlignment="Bottom" Height="20.809" d:LayoutOverrides="VerticalAlignment">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<pi:NavigateToScreenAction TargetScreen="CYPlayerScreens.Screen_1"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
			<Grid Margin="3.906,4.613,3.774,6.346">
				<Path Data="M12.139749,8.5524143 C12.139749,8.5524143 10.169,3.596 7.4625405,7.1936852 L8.3126802,9.4899772 C8.3126802,9.4899772 5.0081577,10.291864 0.94082535,9.1060298 C0.94082535,9.1060298 1.4832922,5.7434229 4.5677967,1.1949813 L6.1490861,4.3139871 C6.1490861,4.3139871 11.669,-1.204 12.896715,6.5378299 z" Fill="White" HorizontalAlignment="Stretch" Stroke="Black" StrokeThickness="1" Width="Auto" Margin="0,0,-0.118,0"/>
			</Grid>
		</Button>
	</Grid>
</UserControl>